<!DOCTYPE html>
<html>
  
  <head>
    <meta charset="utf-8">
    <title>手机测试</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="format-detection" content="telephone=no">
    <link rel="stylesheet" href="layui/css/layui.css?t=1511048241366" media="all">
    <link rel="stylesheet" href="layui/css/global.css?t=1511048241366" media="all">
    <link rel="stylesheet" href="css/area.css?t=1511048241366" media="all">
  </head>
   
    <body>
      <div class="layui-layout layui-layout-admin">
        <div class="layui-header header header-demo">
          <div class="layui-main">
          	<a class="logo" href="http://dzbaodian.com/">
				      <img src="img/logo.png" style="width: 130px; height: 35px;" alt="单招直通车">
				    </a>
            <ul class="layui-nav" pc="">
              <li class="layui-nav-item" pc="">
                <a href="http://dzbaodian.com/">测试2</a></li>
              <li class="layui-nav-item" pc="">
                <a href="http://dzbaodian.com/">测试3</a></li>
              <li class="layui-nav-item" pc="">
                <a href="http://dzbaodian.com/" target="_blank">测试3</a></li>
              <li class="layui-nav-item" pc="">
                <a href="javascript:;">测试4</a>
                <dl class="layui-nav-child">
                  <dd>
                    <a href="http://dzbaodian.com/" target="_blank">测试4-1</a></dd>
                  <dd>
                    <a href="http://dzbaodian.com/" target="_blank">测试4-2</a></dd>
                  <dd>
                    <a href="http://dzbaodian.com/" target="_blank">测试4-3</a></dd>
                </dl>
              </li>
              <li class="layui-nav-item" pc="">
                <a href="http://dzbaodian.com/" target="_blank">测试5</a>
              </li>
						  <li class="layui-nav-item">
						    <a href="javascript:;"><img src="img/touxiang.jpg" class="layui-nav-img">个人中心</a>
						    <dl class="layui-nav-child">
						      <dd><a href="http://dzbaodian.com/">修改信息</a></dd>
						      <dd><a href="http://dzbaodian.com/">安全管理</a></dd>
						      <dd><a href="http://dzbaodian.com/">退出</a></dd>
						    </dl>
						  </li>
            </ul>
          </div>
        </div>
        <div class="layui-side layui-bg-black">
          <div class="layui-side-scroll">
            <ul class="layui-nav layui-nav-tree site-demo-nav">
              <li class="layui-nav-item layui-nav-itemed">
                <a href="/v1/demo/">开发工具</a></li>
              <li class="layui-nav-item layui-nav-itemed">
                <a class="javascript:;" href="javascript:;">开发工具</a>
                <ul class="layui-nav-child">
                  <li>
                    <a href="/v1/demo/">调试预览</a></li>
                  <li>
                    <a href="/v1/demo/">调试预览</a></li>
                </ul>
              </li>
              <li class="layui-nav-item" style="height: 30px; text-align: center"></li>
            </ul>
          </div>
        </div>
        <div class="layui-body site-demo site-demo-body layui-anim layui-anim-fadein">
          <div class="layui-carousel" id="test10" style="height: 220px;">
            <div carousel-item>
              <div>
                <img src="img/banner.png" style="height: 220px; width: 100%;"></div>
              <div>
                <img src="img/banner.png" style="height: 220px; width: 100%;"></div>
              <div>
                <img src="img/banner.png" style="height: 220px; width: 100%;"></div>
              <div>
                <img src="img/banner.png" style="height: 220px; width: 100%;"></div>
            </div>
          </div>
          <div class="bgbb" style="height: 10px;"></div>
          <section class="bgbb">
	          <div class="layui-row layui-anim layui-anim-fadein" style=" text-align:center;">
	          	<a href="#1">
	          		<div class="layui-col-xs6" style="height: 100px; border-right: #f2f8fb 2px solid;">
	          			<i class="layui-icon layui-anim" style="font-size: 50px; color: #2E2D3C;margin-top: 8px;">&#xe705;</i>
	          			<p class="layui-word-aux" style="font-size: 20px;">单招资料与书籍</p>
	          		</div>
	          	</a>
	          	<div class="layui-col-xs6">
	          		<a href="#2">
		          		<div class="layui-col-xs12" style="height: 50px; border-bottom: #f2f8fb 2px solid;">
		          			<i class="layui-icon layui-anim layui-inline" style="font-size: 30px; color: #2E2D3C; margin-top: 10px;">&#xe6b2;</i>
		          			<p class="layui-word-aux layui-inline" style="font-size: 20px; margin-top: 5px;">在线题库</p>
		          		</div>
		          	</a>
		          	<a href="#3">
		          		<div class="layui-col-xs12" style="height: 50px;">
		          			<i class="layui-icon layui-anim layui-inline" style="font-size: 30px; color: #2E2D3C; margin-top: 10px;">&#xe615;</i>
		          			<p class="layui-word-aux layui-inline" style="font-size: 20px; margin-top: 5px;">院校查询</p>
		          		</div>
		          	</a>
	          	</div>
	          </div>
          </section>
          <section class="hot-tab bgbb">
            <div class="bd pub-daohang">
              <ul class="cl">
                <li>
                  <a href="javascript:;" class="on">高职单招</a></li>
                <li>
                  <a href="javascript:;" class="on">三校生单招</a></li>
                <li>
                  <a href="javascript:;" class="on">分类考试</a></li>
                <li>
                  <a href="javascript:;" class="on">地区切换</a></li>
              </ul>
              <div class="pub-all">
                <div class="pub-li lione layui-anim layui-anim-fadein">
                  <i class="cl-icon1"></i>
                  <a href="#" title="重庆单招网">重庆</a>
                  <a href="#" title="四川单招网">四川</a>
                  <a href="#" title="湖南单招网">湖南</a>
                  <a href="#" title="福建高职单招网">福建</a>
                  <a href="#" title="河南单招网">河南</a>
                  <a href="#" title="湖北单招网">湖北</a>
                  <a href="#" title="江苏单招网">江苏</a>
                  <a href="#" title="山东单招网">山东</a>
                  <a href="#" title="海南单招网">海南</a></div>
                <div class="pub-li lione layui-anim layui-anim-fadein">
                  <i class="cl-icon2"></i>
                  <a href="#">广东</a>
                  <a href="#">浙江</a>
                  <a href="#">安徽</a>
                  <a href="#">北京</a>
                  <a href="#">天津</a>
                  <a href="#">山西</a>
                  <a href="#">上海</a></div>
                <div class="pub-li lione layui-anim layui-anim-fadein">
                  <i class="cl-icon3"></i>
                  <a href="#">重庆</a>
                  <a href="#">山东</a></div>
                <div class="pub-li lione layui-anim layui-anim-fadein">
                  <i class="cl-icon4"></i>
                  <a href="#">重庆</a>
                  <a href="#">山东</a>
                  <a href="#">山东</a></div>
              </div>
            </div>
          </section>
          <section class="bgbb">
          	<div class="layui-row" style="height: 270px;">
	          	<div class="layui-tab layui-tab-brief">
							  <ul class="layui-tab-title">
							    <li class="layui-col-xs4 layui-this">推荐院校</li>
							    <li class="layui-col-xs4">单招院校</li>
							    <li class="layui-col-xs4">三校生院校</li>
							  </ul>
							  <div class="layui-tab-content" style="text-align: center;">
							    <div class="layui-tab-item layui-show layui-row layui-anim layui-anim-fadein">
							    	<a href="http://dzbaodian.com/">
							    		<div class="layui-col-xs4" style="height: 110px; margin: {10px,10px,10px,10px};">
								    		<img src="img/schoollogo.png" style="height: 80px; width: 80px;" />
								    		<p class="layui-text layui-elip" style="font-size: 15px;">院校名称测试1</p>
								    	</div>
							    	</a>
							    	<a href="http://dzbaodian.com/">
							    		<div class="layui-col-xs4" style="height: 110px; margin: {10px,10px,10px,10px};">
								    		<img src="img/schoollogo.png" style="height: 80px; width: 80px;" />
								    		<p class="layui-text layui-elip" style="font-size: 15px;">院校名称测试2</p>
								    	</div>
							    	</a>
							    	<a href="http://dzbaodian.com/">
							    		<div class="layui-col-xs4" style="height: 110px; margin: {10px,10px,10px,10px};">
								    		<img src="img/schoollogo.png" style="height: 80px; width: 80px;" />
								    		<p class="layui-text layui-elip" style="font-size: 15px;">院校名称测试3</p>
								    	</div>
							    	</a>
							    	<a href="http://dzbaodian.com/">
							    		<div class="layui-col-xs4" style="height: 110px; margin: {10px,10px,10px,10px};">
								    		<img src="img/schoollogo.png" style="height: 80px; width: 80px;" />
								    		<p class="layui-text layui-elip" style="font-size: 15px;">院校名称测试4</p>
								    	</div>
							    	</a>
							    	<a href="http://dzbaodian.com/">
							    		<div class="layui-col-xs4" style="height: 110px; margin: {10px,10px,10px,10px};">
								    		<img src="img/schoollogo.png" style="height: 80px; width: 80px;" />
								    		<p class="layui-text layui-elip" style="font-size: 15px;">院校名称测试5</p>
								    	</div>
							    	</a>
							    	<a href="http://dzbaodian.com/">
							    		<div class="layui-col-xs4" style="height: 110px; margin: {10px,10px,10px,10px};">
								    		<img src="img/schoollogo.png" style="height: 80px; width: 80px;" />
								    		<p class="layui-text layui-elip" style="font-size: 15px;">院校名称测试6</p>
								    	</div>
							    	</a>
							    </div>
							    <div class="layui-tab-item layui-row layui-anim layui-anim-fadein">
							    	<a href="http://dzbaodian.com/">
							    		<div class="layui-col-xs4" style="height: 110px; margin: {10px,10px,10px,10px};">
								    		<img src="img/schoollogo.png" style="height: 80px; width: 80px;" />
								    		<p class="layui-text layui-elip" style="font-size: 15px;">院校名称测试1</p>
								    	</div>
							    	</a>
							    	<a href="http://dzbaodian.com/">
							    		<div class="layui-col-xs4" style="height: 110px; margin: {10px,10px,10px,10px};">
								    		<img src="img/schoollogo.png" style="height: 80px; width: 80px;" />
								    		<p class="layui-text layui-elip" style="font-size: 15px;">院校名称测试2</p>
								    	</div>
							    	</a>
							    	<a href="http://dzbaodian.com/">
							    		<div class="layui-col-xs4" style="height: 110px; margin: {10px,10px,10px,10px};">
								    		<img src="img/schoollogo.png" style="height: 80px; width: 80px;" />
								    		<p class="layui-text layui-elip" style="font-size: 15px;">院校名称测试3</p>
								    	</div>
							    	</a>
							    	<a href="http://dzbaodian.com/">
							    		<div class="layui-col-xs4" style="height: 110px; margin: {10px,10px,10px,10px};">
								    		<img src="img/schoollogo.png" style="height: 80px; width: 80px;" />
								    		<p class="layui-text layui-elip" style="font-size: 15px;">溢出测试院校名称测试4</p>
								    	</div>
							    	</a>
							    	<a href="http://dzbaodian.com/">
							    		<div class="layui-col-xs4" style="height: 110px; margin: {10px,10px,10px,10px};">
								    		<img src="img/schoollogo.png" style="height: 80px; width: 80px;" />
								    		<p class="layui-text layui-elip" style="font-size: 15px;">院校名称测试5</p>
								    	</div>
							    	</a>
							    	<a href="http://dzbaodian.com/">
							    		<div class="layui-col-xs4" style="height: 110px; margin: {10px,10px,10px,10px};">
								    		<img src="img/schoollogo.png" style="height: 80px; width: 80px;" />
								    		<p class="layui-text layui-elip" style="font-size: 15px;">院校名称测试6</p>
								    	</div>
							    	</a>
							    </div>
							    <div class="layui-tab-item layui-row layui-anim layui-anim-fadein">
							    	<a href="http://dzbaodian.com/">
							    		<div class="layui-col-xs4" style="height: 110px; margin: {10px,10px,10px,10px};">
								    		<img src="img/schoollogo.png" style="height: 80px; width: 80px;" />
								    		<p class="layui-text layui-elip" style="font-size: 15px;">院校名称测试1</p>
								    	</div>
							    	</a>
							    	<a href="http://dzbaodian.com/">
							    		<div class="layui-col-xs4" style="height: 110px; margin: {10px,10px,10px,10px};">
								    		<img src="img/schoollogo.png" style="height: 80px; width: 80px;" />
								    		<p class="layui-text layui-elip" style="font-size: 15px;">院校名称测试2</p>
								    	</div>
							    	</a>
							    	<a href="http://dzbaodian.com/">
							    		<div class="layui-col-xs4" style="height: 110px; margin: {10px,10px,10px,10px};">
								    		<img src="img/schoollogo.png" style="height: 80px; width: 80px;" />
								    		<p class="layui-text layui-elip" style="font-size: 15px;">院校名称测试3</p>
								    	</div>
							    	</a>
							    	<a href="http://dzbaodian.com/">
							    		<div class="layui-col-xs4" style="height: 110px; margin: {10px,10px,10px,10px};">
								    		<img src="img/schoollogo.png" style="height: 80px; width: 80px;" />
								    		<p class="layui-text layui-elip" style="font-size: 15px;">溢出测试院校名称测试4</p>
								    	</div>
							    	</a>
							    	<a href="http://dzbaodian.com/">
							    		<div class="layui-col-xs4" style="height: 110px; margin: {10px,10px,10px,10px};">
								    		<img src="img/schoollogo.png" style="height: 80px; width: 80px;" />
								    		<p class="layui-text layui-elip" style="font-size: 15px;">院校名称测试5</p>
								    	</div>
							    	</a>
							    	<a href="http://dzbaodian.com/">
							    		<div class="layui-col-xs4" style="height: 110px; margin: {10px,10px,10px,10px};">
								    		<img src="img/schoollogo.png" style="height: 80px; width: 80px;" />
								    		<p class="layui-text layui-elip" style="font-size: 15px;">溢出测试院校名称测试6</p>
								    	</div>
							    	</a>
							    </div>
							  </div>
							</div>
	          </div>
          </section>
          <section class="bgbb">
          	<div class="layui-row" style="height: 100px;">
          		<a href="http://dzbaodian.com/">
          			<div class="layui-col-xs4" style="border-bottom: #f2f8fb 2px solid; height: 100px;">
	          			<img src="img/banner.png" style="height: 80px; width: 90%; margin-left: 10px; margin-top: 10px;" />
	          		</div>
	          		<div class="layui-col-xs8" style="border-bottom: #f2f8fb 2px solid; height: 100px;">
	          			<div class="layui-col-xs12">
	          				<p class="layui-field-title layui-elip" style="margin-left: 15px; font-size: 18px;">测试文章标题0001</p>
	          			</div>
	          			<div class="layui-col-xs12" style="text-align: right;">
	          				<p class="layui-word-aux layui-elip" style="margin-top: 15px; font-size: 16px;">2017年11月23日</p>
	          			</div>
	          		</div>
          		</a>
          	</div>
          	<div class="layui-row" style="height: 100px;">
          		<a href="http://dzbaodian.com/">
          			<div class="layui-col-xs4" style="border-bottom: #f2f8fb 2px solid; height: 100px;">
	          			<img src="img/banner.png" style="height: 80px; width: 90%; margin-left: 10px; margin-top: 10px;" />
	          		</div>
	          		<div class="layui-col-xs8" style="border-bottom: #f2f8fb 2px solid; height: 100px;">
	          			<div class="layui-col-xs12">
	          				<p class="layui-field-title layui-elip" style="margin-left: 15px; font-size: 18px;">测试文章标题0001</p>
	          			</div>
	          			<div class="layui-col-xs12" style="text-align: right;">
	          				<p class="layui-word-aux layui-elip" style="margin-top: 15px; font-size: 16px;">2017年11月23日</p>
	          			</div>
	          		</div>
          		</a>
          	</div>
          	<div class="layui-row" style="height: 100px;">
          		<a href="http://dzbaodian.com/">
          			<div class="layui-col-xs4" style="border-bottom: #f2f8fb 2px solid; height: 100px;">
	          			<img src="img/banner.png" style="height: 80px; width: 90%; margin-left: 10px; margin-top: 10px;" />
	          		</div>
	          		<div class="layui-col-xs8" style="border-bottom: #f2f8fb 2px solid; height: 100px;">
	          			<div class="layui-col-xs12">
	          				<p class="layui-field-title layui-elip" style="margin-left: 15px; font-size: 18px;">测试文章标题0001</p>
	          			</div>
	          			<div class="layui-col-xs12" style="text-align: right;">
	          				<p class="layui-word-aux layui-elip" style="margin-top: 15px; font-size: 16px;">2017年11月23日</p>
	          			</div>
	          		</div>
          		</a>
          	</div>
          	<div class="layui-row" style="height: 100px;">
          		<a href="http://dzbaodian.com/">
          			<div class="layui-col-xs4" style="border-bottom: #f2f8fb 2px solid; height: 100px;">
	          			<img src="img/banner.png" style="height: 80px; width: 90%; margin-left: 10px; margin-top: 10px;" />
	          		</div>
	          		<div class="layui-col-xs8" style="border-bottom: #f2f8fb 2px solid; height: 100px;">
	          			<div class="layui-col-xs12">
	          				<p class="layui-field-title layui-elip" style="margin-left: 15px; font-size: 18px;">测试文章标题0001</p>
	          			</div>
	          			<div class="layui-col-xs12" style="text-align: right;">
	          				<p class="layui-word-aux layui-elip" style="margin-top: 15px; font-size: 16px;">2017年11月23日</p>
	          			</div>
	          		</div>
          		</a>
          	</div>
          	<div class="layui-row" style="height: 100px;">
          		<a href="http://dzbaodian.com/">
          			<div class="layui-col-xs4" style="border-bottom: #f2f8fb 2px solid; height: 100px;">
	          			<img src="img/banner.png" style="height: 80px; width: 90%; margin-left: 10px; margin-top: 10px;" />
	          		</div>
	          		<div class="layui-col-xs8" style="border-bottom: #f2f8fb 2px solid; height: 100px;">
	          			<div class="layui-col-xs12">
	          				<p class="layui-field-title layui-elip" style="margin-left: 15px; font-size: 18px;">测试文章标题0001</p>
	          			</div>
	          			<div class="layui-col-xs12" style="text-align: right;">
	          				<p class="layui-word-aux layui-elip" style="margin-top: 15px; font-size: 16px;">2017年11月23日</p>
	          			</div>
	          		</div>
          		</a>
          	</div>
          	<div class="layui-row" style="height: 100px;">
          		<a href="http://dzbaodian.com/">
          			<div class="layui-col-xs4" style="border-bottom: #f2f8fb 2px solid; height: 100px;">
	          			<img src="img/banner.png" style="height: 80px; width: 90%; margin-left: 10px; margin-top: 10px;" />
	          		</div>
	          		<div class="layui-col-xs8" style="border-bottom: #f2f8fb 2px solid; height: 100px;">
	          			<div class="layui-col-xs12">
	          				<p class="layui-field-title layui-elip" style="margin-left: 15px; font-size: 18px;">测试文章标题0001</p>
	          			</div>
	          			<div class="layui-col-xs12" style="text-align: right;">
	          				<p class="layui-word-aux layui-elip" style="margin-top: 15px; font-size: 16px;">2017年11月23日</p>
	          			</div>
	          		</div>
          		</a>
          	</div>
          	<div class="layui-row" style="height: 100px;">
          		<a href="http://dzbaodian.com/">
          			<div class="layui-col-xs4" style="border-bottom: #f2f8fb 2px solid; height: 100px;">
	          			<img src="img/banner.png" style="height: 80px; width: 90%; margin-left: 10px; margin-top: 10px;" />
	          		</div>
	          		<div class="layui-col-xs8" style="border-bottom: #f2f8fb 2px solid; height: 100px;">
	          			<div class="layui-col-xs12">
	          				<p class="layui-field-title layui-elip" style="margin-left: 15px; font-size: 18px;">测试文章标题0001</p>
	          			</div>
	          			<div class="layui-col-xs12" style="text-align: right;">
	          				<p class="layui-word-aux layui-elip" style="margin-top: 15px; font-size: 16px;">2017年11月23日</p>
	          			</div>
	          		</div>
          		</a>
          	</div>
          </section>
          <div class="layui-row layui-fluid bgbb" style="height: 200px;">更多板块</div>
          <div class="layui-row layui-fluid bgbb" style="height: 200px;">更多板块</div>
          <div class="layui-main">
            <div id="LAY_preview">
            	
            </div>
          </div>
        </div>
        <div class="layui-footer footer footer-demo">
          <div class="layui-main">
            <p>&copy; 2017
              <a href="http://dzbaodian.com/">dzbaodian.com</a>苏ICP备17010246号-1</p>
            <p>
              <a href="http://dzbaodian.com/" target="_blank">测试</a>
              <a href="http://dzbaodian.com/" target="_blank">测试</a>
              <a href="mailto:8888@888.com">联系</a>
              <a href="http://dzbaodian.com/" target="_blank">测试</a>
              <a href="http://dzbaodian.com/" target="_blank">微信公众号</a></p>
          </div>
        </div>
        <div class="site-tree-mobile layui-hide">
          <i class="layui-icon">&#xe602;</i></div>
        <div class="site-mobile-shade"></div>
        <script src="layui/layui.js?t=1511048241366" charset="utf-8"></script>
        <script>window.global = {
            pageType: 'demo',
            preview: function() {
              var preview = document.getElementById('LAY_preview');
              return preview ? preview.innerHTML: '';
            } ()
          };
          layui.config({
            base: 'layui/',
            version: '1511048241366'
          }).use('global');</script>
      </div>
      <div id="LAY_democodejs">
        <script>layui.use(['carousel', 'form'],
          function() {
            var carousel = layui.carousel,
            form = layui.form;

            //图片轮播
            carousel.render({
              elem: '#test10',
              width: '100%',
              height: '220px',
              interval: 3000
            });

            //事件
            carousel.on('change(test4)',
            function(res) {
              console.log(res)
            });

            var $ = layui.$,
            active = {
              set: function(othis) {
                var THIS = 'layui-bg-normal',
                key = othis.data('key'),
                options = {};

                othis.css('background-color', '#5FB878').siblings().removeAttr('style');
                options[key] = othis.data('value');
                ins3.reload(options);
              }
            };

            //监听开关
            form.on('switch(autoplay)',
            function() {
              ins3.reload({
                autoplay: this.checked
              });
            });

            $('.demoSet').on('keyup',
            function() {
              var value = this.value,
              options = {};
              if (!/^\d+$/.test(value)) return;

              options[this.name] = value;
              ins3.reload(options);
            });

            //其它示例
            $('.demoTest .layui-btn').on('click',
            function() {
              var othis = $(this),
              type = othis.data('type');
              active[type] ? active[type].call(this, othis) : '';
            });
          });</script>
      </div>
    </body>

</html>